// 注册登录切换
$(function(){
    $('#link_reg').on("click",function(){
        $('.login-box').hide()
        $('.reg-box').show()
    });
    $('#link_login').on("click",function(){
        $('.reg-box').hide()
        $('.login-box').show()
    })
});
// 自定义表校验规则
$(function(){
    // let { form } = layui
    let form = layui.form
    form.verify({
        pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
        // val确认密码框的值
        repwd: function(val) {
            // let pwd = $('.reg-box [name="password"]').val()
            let pwd = $('#firstPwd').val()
            if (pwd != val) {
                return '密码不一致'
            }
        } 
    })
});
// 发起ajax请求
$(function(){
    // let { layer } = layui
    let layer = layui.layer
    // 注册
    $('#addbtn').on('submit',function(e){
        e.preventDefault()
        $.ajax({
            type:'POST',
            url:'/api/reguser',
            data:{
                username: $('#add_user').val(),
                password: $('#firstPwd').val(),
            },
            success:function(res){
                if (res.status !== 0) return layer.msg(res.message)
                layer.msg('注册成功,请登录!')
                $('#link_login').click()
            }
        })
    });
    // 登录
    $('#login_btn').on('submit',function(e){
        e.preventDefault()
        $.ajax({
            type:'POST',
            url:'/api/login',
            data:$(this).serialize(),
            success:function(res){
                if (res.status !== 0)  return layer.msg(res.message)
                layer.msg('登录成功')
                // 在本地存储token的值 
                // token 用来标识用户是否登录的令牌，后台的页面需要用户登录之后才能查阅
                localStorage.setItem('token', res.token)
                // 跳转到后台页面
                location.href = 'index.html'
            }
        })
    })
});